<div class="modal fade in ip-box" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" id="details">
    <div class="modal-dialog modal-lg" role="document" style="margin: 254px auto;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title" id="myModalLabel">应用管理 — 详情</h4>
            </div>
            <div class="popup-body modal-body">

                <form name="detailsForm">
                    
					<div class="col-xs-12 col-sm-6">
                        <div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right">名称：</label>
                            <div class="col-xs-12 col-sm-9">
                        	    <p>{{ details_appName }}</p>
                            </div>       
                        </div>
                         <div class="form-group ">
                            <label class="col-xs-12 col-sm-3 control-label text-right">唯一标识：</label>
                            <div class="col-xs-12 col-sm-9">
                        	    <p>{{ details_appKey }}</p>
                            </div>       
                        </div>

                        <div class="form-group " >
                            <label class="col-xs-12 col-sm-3 control-label text-right">密钥：</label>
                            <div class="col-xs-12 col-sm-9">
                        	    <p>{{ details_appSecret }}</p>
                            </div>       
                        </div>

                        <div class="form-group" >
                            <label class="col-xs-12 col-sm-3 control-label text-right">图片：</label>
                            <div class="col-xs-12 col-sm-9">
                                <div class="input-group col-md-12 pull-right">
                                    <img ng-src="../images/header/user-img.png">
                                </div>
                            </div>  
                            <div class="overflow-hide app-img col-xs-12 col-sm-6">
                            	<img ng-src="{{ newlyAdded_appImage }}">
                            </div>     
                        </div>

                        <div class="form-group ">
                            <label class="col-xs-12 col-sm-3 control-label text-right">应用类型：</label>
                            <div class="col-xs-12 col-sm-9">
                        	    <p ng-show="details_appType==0">普通应用</p>
                        	    <p ng-show="details_appType==1">内部站点</p>
                            </div>       
                        </div>
                       
                        <div class="form-group ">
                            <label class="col-xs-12 col-sm-3 control-label text-right">应用状态：</label>
                            <div class="col-xs-12 col-sm-9">
                            	<p ng-show="details_status==0">待审核</p>
                            	<p ng-show="details_status==1">正常</p>
                            	<p ng-show="details_status==2">冻结</p>
                            	<p ng-show="details_status==3">逻辑删除</p>
                            	<p ng-show="details_status==4">不合格</p>
                            </div>       
                        </div>
                    </div> 

                    <div class="col-xs-12 col-sm-6">
                        <div class="form-group ">
                            <label class="col-xs-12 col-sm-3 control-label text-right">URL：</label>
                            <div class="col-xs-12 col-sm-9">
                        	    <p>{{ details_appUri }}</p>
                            </div>       
                        </div>

                        <div class="form-group ">
                            <label class="col-xs-12 col-sm-3 control-label text-right">IP地址：</label>
                            <div class="col-xs-12 col-sm-9">
                        	    <p>{{ details_appIp }}</p>
                            </div>       
                        </div>
						
						<div class="form-group">
                            <label class="col-xs-12 col-sm-3 control-label text-right" >授权类型：</label>
                            <div class="col-xs-12 col-sm-9">
                            	<div class="checkbox">
	                                <input type="checkbox"
	                                	   name="authType" 
	                                	   style="margin-left:0;" 
	                                	   ng-checked="true" 
                                           disabled 
	                                	   >
	                                <span style="margin-left:16px;">授权码Code</span>
                                </div>
                            </div>       
                        </div>

                    </div>

                    <div class="col-xs-12 col-sm-12">
                    	<div class="form-group">
                            <label class="col-xs-12 col-sm-2 control-label text-right">许可类型：</label>
                            <div class="col-xs-12 col-sm-10" style="padding-top:8px;">
                            	
								<div class="margin-top-zero checkbox col-xs-12 col-sm-3" ng-repeat="val in grantTypeArr">
	                                <span>{{ val }}</span>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12">
                    
                        <div class="form-group">
                            
                            <label class="col-xs-12 col-sm-2 control-label text-right">授权范围：</label>

                            <div class="col-xs-12 col-sm-10">

                                <fieldset class="field"  ng-show="isScope0Arr">
                                    <legend>{{ serviceTypeName0 }}</legend>
                                    <div style="padding-left:30px">
                                        <div class="col-xs-6 col-sm-3" ng-repeat="val in scope0Arr">
                                            <span>{{ val }}</span>
                                        </div>
                                    </div>
                                </fieldset>
								
								<fieldset class="field" ng-show="isScope1Arr">
                                    <legend>{{ serviceTypeName1 }}</legend>
                                    <div style="padding-left:30px">
                                        <div class="col-xs-6 col-sm-3" ng-repeat="val in scope1Arr">
                                            <span>{{ val }}</span>
                                        </div>
                                    </div>
                                </fieldset>

                            </div>

                        </div>

                    </div>

                    <div class="col-xs-12 col-sm-12">
                    	<div class="form-group">
                            <label class="col-xs-12 col-sm-2 control-label text-right">简介：</label>
                            <div class="col-xs-12 col-sm-10">
                                <textarea rows="5" 
                                		  type="text" 
                                		  name="description" 
                                		  class="form-control readonly"
                                		  readonly 
                                		  ng-model="details_appSummary"
                                		  >                                    
                                </textarea>
                                
                            </div>
                    	</div>
                	</div>

                </form>

                <div class="col-sm-12">
                    <div class="modal-footer">
                        <button type="button" 
                        		class="btn btn-primary" 
                        		data-dismiss="modal"
                        		>关闭
                		</button>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>